<template>
  <div class="customer">
    <h1>{{ $t(`customer.全生态流量覆盖 全域触达直连精准客户`) }}</h1>
    <h4>{{ $t(`customer.社交平台效果加成 轻松将品牌推广到全球`) }}</h4>
    <div class="img-customer-cover-body">
      <img
        class="img-customer-cover"
        src="../../src/assets/infoImage.png"
        alt=""
      />
    </div>
  </div>
</template>

<script setup></script>

<style scoped>
.customer {
  /* background: #f7f8fa; */
  background: #fff;
  padding-top: 90px;
  height: 902px;
}
h1 {
  width: 614px;
  height: 36px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 26px;
  color: #26252f;
  line-height: 37px;
  text-align: center;
  font-style: normal;
  margin: 0 auto;
  white-space: nowrap; /* 防止文本换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 溢出显示省略号 */
  /* padding-top: 90px; */
}
h4 {
  width: 258px;
  height: 20px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.45);
  line-height: 20px;
  text-align: center;
  font-style: normal;
  margin: 0 auto;
  margin-top: 14px;
  white-space: nowrap; /* 防止文本换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 溢出显示省略号 */
}
.img-customer-cover-body {
  width: 1030px;
  height: 561px;
  margin: 0 auto;
  margin-top: 74px;
}
.img-customer-cover {
  width: 100%;
  height: 100%;
}
</style>
